﻿*
{
    margin:0;
    padding:0;
    }
.bloco
{
    background:#d1d3d4;
    width: 200px;
    height: auto;
    margin-bottom:10px;
   }
.bloco > header
{
    border: 1px dotted #000;
    height: 15%;
    margin-bottom: 5px;
    }
.bloco > article
 {
     height: 70%;
     border: 1px dotted #000;
     margin-bottom: 5px;
     }
.bloco > footer
{
    height:15%;
    border: 1px dotted #000;
    text-align:right;
    
    } 
.bloco > header h1
{
    font-family:Arial;
    font-size: 20px;
    font-style:normal;
    color:#666666;
    }
 
 .bloco > article > p
 {
    font-family: Arial;
    font-style: italic;
    font-size: 17px;
    color: #666666;
    border: 1px dotted #000;
    margin-bottom: 5px;
   
     }
 
 .bloco > article > footer
{
    font-family: Arial;
    font-style: italic;
    font-size: 12px;
    color: #666666;
    margin-bottom: 5px;
    
}